// 弹窗全局样式
.el-dialog {
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  background: #ffffff !important;

  .el-dialog__header {
    padding: 24px 24px 16px;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;

    .el-dialog__title {
      font-size: 18px;
      font-weight: 600;
      color: #ffffff;
    }

    .el-dialog__headerbtn {
      top: 24px;
      right: 24px;

      .el-dialog__close {
        color: #909399;
        font-size: 18px;

        &:hover {
          color: #17a7ff;
        }
      }
    }
  }

  .el-dialog__body {
    padding: 24px;
    background: #ffffff !important;

    .el-form {
      background: #ffffff !important;
      .el-form-item {
        margin-bottom: 20px;
        background: #ffffff !important;

        &:last-child {
          margin-bottom: 0;
        }

        .el-form-item__label {
          font-weight: 500;
          color: #606266;
          padding-right: 16px;
        }

        .el-input,
        .el-textarea,
        .el-select,
        .el-date-editor {
          .el-input__wrapper {
            border-radius: 8px;
            box-shadow: 0 0 0 1px #dcdfe6;
            transition: all 0.2s ease;
            background-color: #ffffff !important;

            &:hover {
              box-shadow: 0 0 0 1px #17a7ff;
            }

            &.is-focus {
              box-shadow: 0 0 0 1px #17a7ff;
            }
          }

          .el-input__inner::placeholder {
            color: #c0c4cc;
          }
        }

        .el-textarea {
          .el-textarea__inner {
            background-color: #ffffff !important;
            border-radius: 8px;
            border: 1px solid #dcdfe6;
            transition: all 0.2s ease;

            &:hover {
              border-color: #17a7ff;
            }

            &:focus {
              border-color: #17a7ff;
              box-shadow: 0 0 0 1px #17a7ff;
            }
          }
        }

        .el-select__wrapper {
          background-color: #ffffff !important;
        }

        .el-range-editor.el-input__wrapper {
          background-color: #ffffff !important;
        }
      }
    }
  }

  .el-dialog__footer {
    padding: 16px 24px 24px;
    border-top: 1px solid #f0f0f0;

    .dialog-footer {
      display: flex;
      justify-content: flex-end;
      gap: 12px;

      .el-button {
        border-radius: 8px;
        padding: 10px 20px;
        font-weight: 500;

        &:first-child {
          border: 1px solid #dcdfe6;
          color: #606266;

          &:hover {
            border-color: #17a7ff;
            color: #17a7ff;
            background-color: #e6f7ff;
          }
        }

        &:second-child {
          background: linear-gradient(135deg, #17a7ff, #0f94e6);
          border: none;

          &:hover {
            background: linear-gradient(135deg, #0f94e6, #0d82cc);
            box-shadow: 0 4px 12px rgba(23, 167, 255, 0.3);
          }
        }
      }
    }
  }
}
